<template>
	<el-dialog title="查看分账订单详情" :visible.sync="isShow" :close-on-click-modal="false" :before-close="close" width="1100px">
		<div class="form-box">
			<el-form ref="form" :model="item" label-width="140px">
				<el-row>
					<el-col :span="12">
						<el-form-item label="平台流水号" prop="partySerialNo">
							<el-input v-model="item.partySerialNo" readonly></el-input>
						</el-form-item>
					</el-col>
					
					<el-col :span="12">
						<el-form-item label="主订单编号" prop="orderNo">
							<el-input v-model="item.orderNo" readonly></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				
				<el-row>
					<el-col :span="12">
						<el-form-item label="主订单金额" prop="totalFee">
							<el-input v-model="item.totalFee" readonly></el-input>
						</el-form-item>
					</el-col>
					
					<el-col :span="12">
						<el-form-item label="主订单实付金额" prop="totalPayFee">
							<el-input v-model="item.totalPayFee" readonly></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				
				<el-row>
					<el-col :span="12">
						<el-form-item label="商家编号" prop="mchId">
							<el-input v-model="item.mchId" readonly></el-input>
						</el-form-item>
					</el-col>
					
					<el-col :span="12">
						<el-form-item label="子订单编号" prop="subOrderNo">
							<el-input v-model="item.subOrderNo" readonly></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				
				<el-row>
					<el-col :span="12">
						<el-form-item label="子订单金额" prop="subFee">
							<el-input v-model="item.subFee" readonly></el-input>
						</el-form-item>
					</el-col>
					
					<el-col :span="12">
						<el-form-item label="子订单实付金额" prop="subPayFee">
							<el-input v-model="item.subPayFee" readonly></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				
				<el-row>
					<el-col :span="12">
						<el-form-item label="分账商家编号" prop="accountMchId">
							<el-input v-model="item.accountMchId" readonly></el-input>
						</el-form-item>
					</el-col>
					
					<el-col :span="12">
						<el-form-item label="分账金额" prop="accountFee">
							<el-input v-model="item.accountFee" readonly></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				
				<el-row>
					<el-col :span="12">
						<el-form-item label="支付方式" prop="payMethod">
							<el-input value="微信小程序" readonly></el-input>
						</el-form-item>
					</el-col>
					
					<el-col :span="12">
						<el-form-item label="创建时间" prop="createTime">
							<el-input :value="forDate(item.createTime)" readonly></el-input>
						</el-form-item>
					</el-col>
				</el-row>
			</el-form>
		</div>
		
		<div slot="footer">
			<el-button @click="close">关 闭</el-button>
		</div>
	</el-dialog>
</template>

<script>
	import dayjs from 'dayjs'
	export default {
		props: {
			isShow: Boolean,
			item: Object,
		},
		data() {
			return {
				
			}
		},
		methods: {
			forDate(val) { //时间格式化
				return dayjs(val).format('YYYY-MM-DD HH:mm:ss');
			},
			
			close() {
				this.$emit('close');
			},
		}
	}
</script>

<style>
</style>